<!DOCTYPE html>
<html lang="zh-CN"> 
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>技术分享</title>
		<link rel="stylesheet" type="text/css" href="css/myblog.css"/>
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<script type="text/javascript" src="js/blog.js" ></script>
	</head>
	<body>
		<div class="header">
			<div id="headimg"><img src="img/logo.png" /></div>
		</div>
		<nav>
			<ul>
				<li><a href="blogindex.html">首页</a></li>
				<li><a href="life.html">快乐生活</a></li>
				<li><a href="technology.html" style="background: #008B8B;">技术分享</a></li>
				<li><a href="#">喜闻乐见</a></li>
				<li><a href="aboutme.html">关于我</a></li>
				<li><a href="#">给我留言</a></li>
			</ul>
		</nav>
		<div id="main">
			<div id="lside3">
				<article>
				<a href="#">Web开发技术发展历程</a>
					<img src="img/tech1.jpg" />
					<p>众所周知，Web这个Internet上最热门的应用架构是由Tim Berners-Lee发明的。
						Web的前身是1980年Tim Berners-Lee负责的Enquire项目。1990年11月，第一个Web服务器nxoc01.cern.ch开始运行，
						Tim Berners-Lee在自己编写的图形化Web浏览器"WorldWideWeb"上看到了最早的Web页面。
						1991年，CERN正式发布了Web技术标准。</p>
					<span><time class="fa fa-calendar-minus-o">&nbsp;2018年7月15日13:37:30</time><a href="#">阅读全文</a></span>
				</article>
				<article>
					<a href="#">使用PHP生成通用唯一识别码（UUID）</a>
					<img src="img/tech5.jpg" />
					<p>UUID 是 通用唯一识别码（Universally Unique Identifier）的缩写。
						目的是让分布式系统中的所有元素，都能有唯一的辨识信息，而不需要通过中央控制端来做辨识信息的指定。
						这样的话，每个人都可以创建不与其它人冲突的UUID，于是就不需考虑数据库创建时的名称重复问题。</p>
					<span><time class="fa fa-calendar-minus-o">&nbsp;2018年7月15日13:37:30</time><a href="#">阅读全文</a></span>
				</article>
				<article>
					<a href="#">全屏滚动插件fullPage.js</a>
					<img src="img/tech3.jpg" />
					<p>如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。
						比如 iPhone 5C 的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。</p>
					<span><time class="fa fa-calendar-minus-o">&nbsp;2018年7月15日13:37:30</time><a href="#">阅读全文</a></span>
				</article>
				<article>
					<a href="#">Validform：一行代码搞定整站的表单验证！</a>
					<img src="img/tech4.jpg" />
					<p>Validform：一行代码搞定整站的表单验证！为什么能如此方便？
						插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素，让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符，
						这样你可以随便添加或者去掉任一表单元素而不必修改验证代码，从而使仅用一行代码去完成整站的表单验证的梦想成为现实！</p>
					<span><time class="fa fa-calendar-minus-o">&nbsp;2018年7月15日13:37:30</time><a href="#">阅读全文</a></span>
				</article>
				<article>
					<a href="#">关于Vue.js</a>
					<img src="img/tech2.jpg" />
					<p>是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。
						Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。
						另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。</p>
					<span><time class="fa fa-calendar-minus-o">&nbsp;2018年7月15日13:37:30</time><a href="#">阅读全文</a></span>
				</article>
				
			</div>
			<div id="rside">
				<aside>
				<input type="text" placeholder="Search..." />
			</aside>
			<aside>
				<div id="biaoqian">
				<h4>标签云</h4>
				<ul>
				<a href="#" style="background:  cornflowerblue;">前端技术</a>
				<a href="#" style="background:  darkorange;">资讯</a>
				<a href="#" style="background:  burlywood;">PHP</a>
				<a href="#" style="background:  darkorchid;">插件</a>
				<a href="#" style="background:  green;">HTML5</a>
				<a href="#"	style="background:  lightslategray;">后台</a>
				<a href="#"	style="background:  #ADD8E6;">ThinkPHP</a>
				<a href="#"	style="background:  #CD6600;">Bootstrap</a>
				<a href="#"	style="background:  #6B8E23;">Vue</a>
				</ul>
				</div>
			</aside>
			<aside>
				<h4>测试标题</h4>
				<ul>
					<li><img src="img/最新 .png" /><a href="#">测试标题1</a></li>
					<li><a href="#">测试标题2</a></li>
					<li><a href="#">测试标题3</a></li>
					<li><a href="#">测试标题4</a></li>
					<li><a href="#">测试标题5</a></li>
					<li><a href="#">测试标题6</a></li>
					<li><a href="#">测试标题7</a></li>
					<li><a href="#">测试标题8</a></li>
				</ul>
			</aside>
			</div>
		</div>
		<footer>
			<h1>Copyright©2018 &nbsp;&nbsp;<a href="#">ZIYE'S BLOG</a>&nbsp;&nbsp; All Rights Reserved.</h1>
		</footer>
		<script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
		<script>
			tpwidget("init", {
    		"flavor": "bubble",
    		"location": "WX4FBXXFKE4F",
   		 	"geolocation": "enabled",
    		"position": "top-right",
    		"margin": "10px 10px",
    		"language": "zh-chs",
    		"unit": "c",
   		 	"theme": "chameleon",
    		"uid": "U8EA5DB65A",
    		"hash": "2f5d410b2558f42757284ca0e939c1fa"
});
tpwidget("show");</script>
	</body>
</html>
